/* utils.scss */
@import "/utils/utils.scss";

page {
  background: #fafafa;
}

/*每个页面公共css */
.uni-row {
	display: flex;
	flex-direction: row;
}

.uni-column {
	flex-direction: column;
}

.uni-row-wrap {
	flex-wrap: wrap;
}

.uni-items-center {
	align-items: center;
}

.uni-justify-center {
	justify-content: center;
}

.uni-center {
	align-items: center;
	justify-content: center;
}

.uni-between {
	justify-content: space-between;
}

.mr-5 {
	margin-right: 10rpx;
}

.mr-10 {
	margin-right: 20rpx;
}

.mt-5 {
	margin-top: 5rpx;
}

.ml-5 {
	margin-left: 5rpx;
}

.mb-5 {
	margin-bottom: 5rpx;
}

.font-bold {
	font-weight: bold;
}

.font-14 {
	font-size: 24rpx;
}

.font-16 {
	font-size: 26rpx;
}

.color-white {
	color: white;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}
/* #ifdef APP-PLUS || H5 */
iframe{
	 border:none !important;
}

/* #endif */
/* #ifdef H5*/

@media (min-width: 490px) {
  html {
    font-size: 18px !important;
  }
  // .uni-app--showtabbar,uni-app{
    // width: 750rpx; /* 模拟手机宽度 */
    // height: 100vh; /* 模拟手机高度 */
    // background-color: #111;
    // border-radius: 30px;
    // box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    // position: relative;
    // overflow: scroll;
    // transition: all 0.3s ease;
  // }
  // uni-page {
  //   box-shadow: 0 1rpx 44rpx rgba(169, 169, 169, .3);
  //   position: absolute;
  //   top: 0;
  //   left: 0;
  //   right: 0;
  //   bottom: 0;
  //   margin: 40px 15px 23px 15px;
  //   background-color: #ffffff;
  //   border-radius: 30px;
  //   overflow: scroll;
  //   width: initial;
  //   height: initial;
  // }
  // uni-tabbar.uni-tabbar-bottom .uni-tabbar {
  //     bottom: 24px;
  //     border-bottom-left-radius: 40rpx;
  //     border-bottom-right-radius: 40rpx;
  // 	margin: 0 15px;
  // }
  // .uni-page-head{
  // 	border-top-left-radius: 40rpx;
  // 	border-top-right-radius: 40rpx;
  // 	margin: 0 15px;
  // }
  // .liveStreaming{
  // 	#liveMessage{
  // 		max-height: 45vh !important;
  // 	}
  // }
  .main-box{
    // width: 750rpx; /* 模拟手机宽度 */
    // height: 100vh; /* 模拟手机高度 */
    // background-color: #111;
    border-radius: 30px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: scroll;
    transition: all 0.3s ease;
	width: 470px;
	margin: auto;
	min-height: 100vh;
	// padding: 20px;
  }
  .uni-app--showtabbar,uni-app{
	  // background-color: #fff;
  }
  .comment-input,.navbar,.foot-position .foot-content,.foot-position .emoji-box{
	  width: 470px;
	  margin: auto !important;
  }
  .foot-position{
	  .foot-content{
	  	}
	  	.emoji-box{
	  	}
  }

  
  // uni-tabbar.uni-tabbar-bottom .uni-tabbar {
  //     bottom: 24px;
  //     border-bottom-left-radius: 40rpx;
  //     border-bottom-right-radius: 40rpx;
  // 	margin: 0 15px;
  // }
  // .uni-page-head{
  // 	border-top-left-radius: 40rpx;
  // 	border-top-right-radius: 40rpx;
  // 	margin: 0 15px;
  // }
  .liveStreaming{
  	#liveMessage{
  		max-height: 45vh !important;
  	}
  }
  // uni-page-body{
	 //  padding: 19px;
	 //  border-top-left-radius: 30px;
	 //  border-top-right-radius: 30px;
	 //  background-color: #000;
  // }
  // .uni-tabbar-bottom .uni-tabbar{
	 //  padding: 0 20px 20px 20px;
	 //  border-bottom-left-radius: 30px;
	 //  border-bottom-right-radius: 30px;
	 //  background-color: #000 !important;
  // }
  // .uni-tabbar__item{
	 //  background-color: #fff;
  // }
}

.uni-app--showlayout+uni-tabbar.uni-tabbar-bottom,
.uni-app--showlayout+uni-tabbar.uni-tabbar-bottom .uni-tabbar,
.uni-app--showlayout+uni-tabbar.uni-tabbar-top,
.uni-app--showlayout+uni-tabbar.uni-tabbar-top .uni-tabbar {
  left: var(--window-left);
  right: var(--window-right);
}
  
.footer-fixed {
  left: var(--window-left) !important;
  right: var(--window-right) !important;
}

.u-mask,.u-drawer {
  left: var(--window-left) !important;
  right: var(--window-right) !important;
}

/* #endif */

